<template>
	<div class="u-page" style="padding-bottom: 0 !important;background-color: #fef2f6;">
		<u-navbar title=" " :border-bottom="false" :background="navbar.background">
			<view class="slot-wrap">
				<div style="width: 430rpx;">
					<u-search :placeholder="placeholder" v-model="keyword" :show-action="false" shape="square" bg-color="#ffffff" @search="search"></u-search>
				</div>
			</view>
		</u-navbar>
		<!-- 机会、商品、拍档 -->
		<div>
			<div style="font-weight: bold;width: 95%;margin: 0 auto;">
				<u-tabs :list="Tablist" bg-color="#fef2f6" :show-bar="false" active-color="#000000" inactive-color="#6b6969"
					  :active-item-style="{fontSize:'44rpx'}" height="100" font-size="30" gutter="15" :current="current"
					  @change="change"></u-tabs>
			</div>
			<div v-if="current==0">
				<div class="u-pb-20" v-if="JobList && JobList.length>0">
					<div v-for="(item,index) in JobList" :key="index" @click="toJobDetails(item)">
						<!-- 任务 -->
						<div :class="index==0?'':'u-mt-10'" style="background-color: #fffdfe;width: 95%;margin: 0 auto;border-radius: 10rpx;" v-if="item.type == 1">
							<div @click="toDetails(item)">
								<div style="padding: 30rpx 30rpx 5rpx 30rpx;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
									<span class="goods-title-tag" v-if="item.titleLabel && item.titleLabel!='评测需求'">{{item.titleLabel}}</span>
									<span style="color: #000000;font-size: 34rpx;font-weight: bold;height: 50rpx;line-height: 50rpx;">
										{{item.title?item.title:''}}
									</span>
								</div>
								<div class="u-flex" style="padding: 5rpx 30rpx;">
									<div style="color: #f94d4d;font-size: 44rpx;font-weight: bold;margin: 0 10rpx 10rpx 0;">&yen;{{item.price?item.price:0}}</div>
									<div><u-tag :text="item.labels" mode="plain" size="mini" :color="item.labelsColor" :border-color="item.labelsColor" /></div>
									<div v-if="item.couponLabel"><u-tag :text="item.couponLabel" mode="plain" size="mini" color="#e66142" bg-color="#faede4" border-color="#faede4" /></div>
								</div>
								<div class="u-flex" style="padding: 0 20rpx;">
									<div style="padding: 0 5rpx;" v-for="(titem,tindex) in item.images.split(',')" v-if="tindex<3">
										<u-image width="220rpx" height="220rpx" :src="titem" border-radius="10"></u-image>
									</div>
								</div>
							</div>
							<div style="padding: 20rpx 30rpx;color: #bcbcbc;">
								{{item.createTime}}
							</div>
						</div>
						<!-- 直聘 -->
						<div :class="index==0?'services-li':'services-li u-mt-10'" v-if="item.type == 0">
							<div class="u-title u-flex u-row-between u-col-center">
								<div class="u-flex u-col-center u-flex-1">
									<div class="hot-tag" v-if="item.jobTop">热</div>
									<div class="new-tag" v-if="!item.jobTop && isNewOS(item)">新</div>
									<div class="os-job-name">
										{{item.title?item.title:''}}
									</div>
								</div>
								<div class="os-salary" v-if="item.price">￥{{item.price}}</div>
							</div>
							<div class="u-pt-5">
								{{item.subtitle?item.subtitle:''}}
							</div>
							<div class="u-scroll-x u-mr-5 u-pt-5" style="display: flex;justify-content: flex-start;">
								<u-tag :text="titem" type="info" mode="dark" size="mini" bg-color="#f7f5f8"
									v-for="(titem,tindex) in item.labels.split(',')"></u-tag>
							</div>
							<div class="u-pt-10" style="display: flex;justify-content: space-between;">
								<div class="u-flex">
									<u-avatar :src="item.images" size="45"></u-avatar>
									<div class="u-pl-5">{{item.extraJSON.leader?item.extraJSON.leader:''}}</div>
									<div class="u-pl-5">{{item.extraJSON.posts?item.extraJSON.posts:''}}</div>
								</div>
								<div class="u-cl-content u-fz-12">
									{{item.extraJSON.area?item.extraJSON.area:''}}
								</div>
							</div>
						</div>
					</div>
				</div>
				<div v-else>
					<div class="u-text-center" style="padding-top: 20%;">
						<u-empty text="暂无搜索结果" mode="data"></u-empty>
					</div>
				</div>
			</div>
			
			<!-- 生活 -->
			<div v-if="current==1">
				<div v-if="GoodSalesList && GoodSalesList.length>0">
					<div class="aui-list-box u-pl-5 u-pr-5" v-if="GoodSalesList && GoodSalesList.length>0">
					    <a href="javascript:;" class="aui-list-item" v-for="(item,index) in GoodSalesList" :key="index"
					       @click="toGoodsDetails(item)">
					      <div class="aui-list-theme-img">
					        <u-image width="100%" height="343rpx" :src="item.goodsImages.split(',')[0]"></u-image>
					      </div>
					      <div class="aui-list-theme-message">
					        <div class="u-flex line-ellipsis">
					          <h3 class="aui-list-theme-title">{{ item.goodsName }}</h3>
					        </div>
					        <div class="u-flex pt-3">
					          <u-image width="25rpx" height="25rpx"
					                   src="https://dev-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/icon/Life/life_label_icon.png"></u-image>
					          <div class="goods-label-text">玫丽全网最低价</div>
					        </div>
					        <div class="u-flex u-pb-5" style="justify-content: space-between;">
								<span class="amount-money font-baseline">
									<span class="u-fz-18 u-font-bold">&yen;{{ item.discountPrice }}</span>
								</span>
								<span class="sales-volume">
									本期售{{ item.soldNum ? item.soldNum : 0 }}
								</span>
					        </div>
					      </div>
					    </a>
					</div>
				</div>
				<div v-else>
					<div style="padding-top: 20%;">
						<u-empty text="暂无搜索结果" mode="data"></u-empty>
					</div>
				</div>
			</div>
			
			<!-- 学习 -->
			<div v-if="current==2">
				<div class="aui-list-box u-pl-5 u-pr-5" v-if="CourseList && CourseList.length>0">
					<a href="javascript:;" class="aui-list-item" v-for="(item,index) in CourseList" :key="index"
					     @click="toCourseDetails(item)">
					    <div class="aui-list-theme-img">
							<u-image width="100%" height="200rpx" :src="item.mainDiagram"></u-image>
					    </div>
					    <div class="aui-list-theme-message">
							<div class="u-flex line-ellipsis2">
								<h3 class="aui-list-theme-title title-name">{{item.title}}</h3>
							</div>
							<div class="u-flex u-pb-5" style="justify-content: space-between;">
								<div v-if="item.tags && item.tags.split(',').length>0">
									<u-tag
										v-for="(titem, tindex) in item.tags.split(',').slice(0, 2)"
										:key="tindex"
										:text="titem"
										type="info"
										mode="dark"
										size="mini"
										color="#eb5468"
										bg-color="#fff3f3"
									></u-tag>
								</div>
							</div>
					    </div>
					</a>
				</div>
				<div v-else>
					<div class="u-text-center" style="padding-top: 20%;">
						<u-empty text="暂无搜索结果" mode="data"></u-empty>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import globalData from "@/globalData";
	export default {
		data() {
			return {
				keyword: '',
				searchStr: '',
				pageNum0: 1,
				pageSize0: 10,
				JobList: [],
				pageNum1: 1,
				pageSize1: 10,
				GoodSalesList: [],
				pageNum2: 1,
				pageSize2: 10,
				CourseList: [],
				navbar: {
					background: {
						backgroundColor: '#f1d7e0',
					}
				},
				BoyAvatar: globalData.IMGS.BoyAvatar,
				GirlAvatar: globalData.IMGS.GirlAvatar,
				current: 0,
				Tablist: [
					{name: '工作'},
					{name: '生活'},
					{name: '学习'}
				],
				taskType: '',
				placeholder: '请输入关键字'
			};
		},

		onLoad(options) {
			if (this.isNotNull(options.keyword)) {
				this.placeholder = options.keyword
				this.keyword = options.keyword
				this.searchStr = options.keyword
			}
			this.getDataList()
		},

		onShow() {},

		mounted() {},

		onReady() {

		},

		onPullDownRefresh() {
			if (this.current == 0) {
				this.pageNum0 = 1
				this.getDataList()
			} else if (this.current == 1) {
				this.pageNum1 = 1
				this.getDataList()
			} else if (this.current == 2) {
				this.pageNum2 = 1
				this.getDataList()
			}
			setTimeout(() => {
				// 停止Loading
				uni.stopPullDownRefresh();
			}, 1000)
		},

		onReachBottom() {
			if (this.current == 0) {
				this.pageNum0 += 1
				this.getDataList()
			} else if (this.current == 1) {
				this.pageNum1 += 1
				this.getDataList()
			} else if (this.current == 2) {
				this.pageNum2 += 1
				this.getDataList()
			}
		},

		methods: {
			change(index) {
				this.current = index
				if (this.current == 0) {
					this.getDataList()
				} else if (this.current == 1) {
					this.getDataList()
				} else if (this.current == 2) {
					this.getDataList()
				}
			},

			/**
			 * 获取列表数据
			 */
			async getDataList() {
				let pageNum = 1
				let pageSize = 10
				if (this.current == 0) {
					pageNum = this.pageNum0
					pageSize = this.pageSize0
				} else if (this.current == 1) {
					pageNum = this.pageNum1
					pageSize = this.pageSize1
				} else if (this.current == 2) {
					pageNum = this.pageNum2
					pageSize = this.pageSize2
				}
				let result = await this.$u.api.unifyMiniRest({
					systemid: "meily",
					url: "/home/page/search/list",
					searchStr: this.searchStr,
					tab: this.current,
					pageNum: pageNum,
					pageSize: pageSize,
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					if(this.current == 0){
						if (this.pageNum0 != 1) {
							this.JobList = this.JobList.concat(result.data)
						} else {
							this.JobList = result.data
						}
					}else if(this.current == 1){
						if (this.pageNum1 != 1) {
							this.GoodSalesList = this.GoodSalesList.concat(result.data)
						} else {
							this.GoodSalesList = result.data
						}
					}else if(this.current == 2){
						if (this.pageNum2 != 1) {
							this.CourseList = this.CourseList.concat(result.data)
						} else {
							this.CourseList = result.data
						}
					}
					
				}
			},

			search() {
				if (this.current == 0) {
					this.pageNum0 = 1
				} else if (this.current == 1) {
					this.pageNum1 = 1
				} else if (this.current == 2) {
					this.pageNum2 = 1
				}
				this.searchStr = this.keyword
				this.getDataList()
			},

			/**
			 * 路由跳转
			 */
			routePage(item) {
				this.$u.route(item.taskUrl)
			},

			/** 
			 * 跳转到工作详情
			 */
			toJobDetails(item) {
				this.$u.route(item.jumpUrl)
			},
			
			/** 
			 * 判断招聘是否在一周内（标签显示为新）
			 */
			isNewOS(item) {
				let now = new Date()//获取当前时间戳
				let createTime = new Date(item.createTime.replace(/-/g,"/"))//距离的时间
				let index = (now - createTime)/1000/(60*60*24)
				let day = parseInt(index)//天
				if(day < 8){
					return true
				}
				return false
			},
			
			/**
			 * 跳转到学习详情
			 */
			async toCourseDetails(item) {
			  this.$u.route('/pages_private_scene1/CourseZone/CourseDetail?id=' + item.id);
			},
			
			/**
			 * 跳转到商品详情
			 */
			async toGoodsDetails(item) {
			  // 增加访问量，不需要管是否执行成功
			  this.increaseTraffic(item);
			  // 跳转到销售机会页面
			  this.$u.route('/pages_private_scene2/GroupPurchase/DistributionGoods?goodsNo=' + item.goodsNo + '&goodsId=' + item.goodsId);
			},
			
			/**
			 * 增加访问量
			 */
			async increaseTraffic(item) {
			  console.log("**************************");
			  console.log("开始执行，增加访问量...");
			  const userInfo = uni.getStorageSync('userInfo')
			  let result = await this.$u.api.unifyMiniRest({
			    systemid: "meily",
			    url: "/behavior/statistics/update",
			    createUser: userInfo.userId,
			    createUserName: userInfo.nickName,
			    createUserAvatar: userInfo.avatarUrl,
			    behaviorId: item.goodsId,
			    behaviorName: item.goodsName,
			    behaviorType: '0',// 访问量
			    sourceId: item.goodsId,
			    sourceType: '0',// 商品
			    remark: '',
			    loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
			  });
			  console.log(result);
			  console.log("增加访问量，执行结束！");
			  console.log("**************************");
			},
			
		},
	};
</script>

<style scoped>
	/* 尾部导航 */
	.holder {
		width: 100%;
		height: 1.65rem;
	}

	/* .foot-bar{width: 100%;position: fixed;bottom: 0;left: 0;z-index: 99;border-top: .01rem solid #535870;background: linear-gradient(to right,#2c324d,#3f4561);} */
	.foot-bar {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
		background: #FFFFFF;
		padding-bottom: 50rpx
	}

	.foot-bar ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
		font-size: .2rem;
		color: #fff;
		letter-spacing: .03rem;
	}

	.foot-bar ul li {
		width: 100%;
		text-align: center;
		height: 4rem;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	.foot-bar ul li i {
		flex-shrink: 0;
		display: inline-block;
		width: 100%;
		height: 2rem;
		margin-top: .08rem;
	}

	.foot-bar ul li span {
		padding-top: 0rem;
		font-size: .7rem;
		color: black;
	}

	.foot-bar ul li.middle {
		flex-shrink: 0;
		width: 3rem;
		height: 3rem;
		border-radius: 100%;
		background: linear-gradient(#fe5e81, #fe4475);
		margin-top: -1.2rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.foot-bar ul li.middle i {
		width: 1.5rem;
		height: 1.5rem;
		background: url(https://7072-prodcloud-0goj9rn820c29ef9-1305572243.tcb.qcloud.la/icon/SceneModule/tap-bar-middle.png?sign=c9c306222b055798da5d11ea88347f9f&t=1648032925) center center no-repeat;
		background-size: 1.5rem auto;
		margin-top: 0;
	}

	.foot-bar ul li:nth-child(1) i {
		background: url(/static/icons/index.png) center center no-repeat;
		background-size: 1.6rem auto;
	}

	.foot-bar ul li:nth-child(2) i {
		background: url(https://7072-prodcloud-0goj9rn820c29ef9-1305572243.tcb.qcloud.la/icon/Index/IMyMessageCenter4.png?sign=2e76a73f6c48d678711307d17db7dc8b&t=1648625557) center center no-repeat;
		background-size: 1.3rem auto;
	}

	.foot-bar ul li:nth-child(4) i {
		background: url(https://7072-prodcloud-0goj9rn820c29ef9-1305572243.tcb.qcloud.la/icon/SceneModule/tap-bar-detail.png?sign=8485251f8c05a5a6b45f151cc455e813&t=1648032973) center center no-repeat;
		background-size: 1.5rem auto;
	}

	.foot-bar ul li:nth-child(5) i {
		background: url(https://7072-prodcloud-0goj9rn820c29ef9-1305572243.tcb.qcloud.la/icon/SceneModule/tap-bar-more.png?sign=2aaafe82d012de453efe2edc9d99b1d3&t=1648032988) center center no-repeat;
		background-size: 1.5rem auto;
	}

	.foot-bar ul li.active span {
		font-weight: bold;
	}

	/* 公告栏 */
	.news-content {
		margin: 20rpx;
		background-color: rgb(246, 246, 248);
		padding-bottom: 40rpx;
		padding-top: 1rpx;
		border-radius: 10rpx;
	}

	.news-content-lists {
		margin: 0 auto;
		padding-left: 30rpx;
	}

	.news-content-lists li {
		margin-top: 40rpx;
		/* float: left; */
		width: 100%;
		height: 14px;
		line-height: 14px;
	}

	.news-content-lists li a {
		display: flex;
	}

	.news-content-lists li a i {
		width: 5%;
		font-style: normal;
		font-size: 14px;
		/* color: #888; */
		white-space: nowrap;
	}

	.news-content-lists li a span {
		width: 90%;
		font-size: 14px;
		color: #555;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.news-content-lists li a:hover span {
		color: #0af
	}

	.clearfix::after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.clearfix {}

	.color-blue {
		color: #3B79FE;
	}

	/* .i-one{font-weight: bold;color: red;}
	.i-two{font-weight: bold;color: #ff9800;}
	.i-three{font-weight: bold;color: #ffc107;} */
	.foot-bar ul li:nth-child(3) i {
		background: url(/static/icons/personal.png) center center no-repeat;
		background-size: 1.3rem auto;
	}

	/* 拍档 */
	.partner-box {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		position: relative;
		background-color: #ffffff;
	}

	/* 商品列表 */
	.aui-list-box {
		overflow: hidden;
		position: relative;
	}

	.aui-list-item {
		width: 47%;
		float: left;
		margin: 0 2% 2% 0;
		display: block;
		overflow: hidden;
		border-radius: 10rpx;
		background-color: #fffdfe;
	}

	.aui-list-theme-img {
		height: auto;
		width: 100%;
		position: relative;
	}

	.aui-list-theme-img img {
		width: 100%;
		height: auto;
		display: block;
		border: none;
	}

	/* 两行或多行显示... */
	.line-ellipsis {
		width: 320rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		/* autoprefixer: off */
		-webkit-box-orient: vertical;
		/* autoprefixer: on */
	}

	/* 限制需求列表标题的长度 */
	.job-name {
		width: 350rpx;
		height: 50rpx;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.job-price {
		font-size: 40rpx;
		color: #f02323;
		width: 232rpx;
		height: 50rpx;
		text-align: -webkit-right;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: clip;
		// display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
	}

	.work-task-li {
		padding: 30rpx 20rpx;
	}

	/* 商品列表 */
	.aui-list-box {
		overflow: hidden;
		position: relative;
	}

	.aui-list-item {
		width: 47%;
		float: left;
		margin: 0 0 2% 2%;
		background: #fff;
		display: block;
		overflow: hidden;
		background-color: #ffffff;
		/* border-radius: 20rpx; */
	}

	.aui-list-theme-img {
		height: auto;
		width: 100%;
		position: relative;
	}

	.aui-list-theme-img img {
		width: 100%;
		height: auto;
		display: block;
		border: none;
	}

	.aui-list-theme-message {
		background: #fffdfe;
		padding: 10rpx 10rpx;
	}

	.aui-list-theme-title {
		color: #4a4a4a;
		font-size: 32rpx;
		line-height: 38rpx;
		margin-top: 5rpx;
	}

	.aui-list-theme-message p {
		font-size: 24rpx;
		font-weight: bold;
	}

	.aui-list-theme-message span.line-through {
		font-size: 0.7rem;
		color: #919191;
		padding: 0 0.2rem;
		text-decoration: line-through;
	}

	.aui-list-theme-message span.none-line-through {
		font-size: 0.7rem;
		color: #919191;
		padding: 0 0.2rem;
	}

	.aui-list-theme-message p i {
		font-style: normal;
		font-size: 0.7rem;
		padding: 0 0.2rem;
		color: #ff3b52;
		float: right;
		width: 25px;
		height: 25px;
	}

	.aui-list-theme-message p em {
		font-style: normal;
		font-size: 0.7rem;
		color: #ff3b52;
		text-decoration: line-through;
		font-weight: normal;
	}

	.price-tag {
		padding: 2rpx;
		color: #f16158;
		border: 2rpx solid #ea4d5e;
		text-align: center;
		font-size: 18rpx;
		line-height: 22rpx;
	}

	.services-li {
		width: 95%;
		margin: 0 auto;
		background-color: #fffdfe;
		padding: 30rpx 20rpx;
		/* margin-top: 20rpx; */
		border-radius: 10rpx;
		/* box-shadow: 2rpx 6rpx 20rpx #efebeb;
		border-bottom: 2rpx solid #efebeb;
		border-right: 2rpx solid #efebeb; */
	}

	.os-job-name {
		font-size: 32rpx;
	}

	.os-salary {
		color: #ea4d5e;
		font-size: 32rpx;
	}

	.hot-tag {
		padding: 0rpx 5rpx;
		background-color: #ffa800;
		color: #ffffff;
		border-radius: 5rpx;
		font-size: 24rpx;
		margin-right: 10rpx;
	}
	
	.new-tag {
		padding: 0rpx 5rpx;
		background-color: #ea4d5e;
		color: #ffffff;
		border-radius: 5rpx;
		font-size: 24rpx;
		margin-right: 10rpx;
	}
	
	.workerReward-tag {
		font-size: 20rpx;
		border-radius: 5rpx;
		color: #ea4d5e;
		padding: 2rpx 4rpx;
		border: 1rpx solid #ea4d5e;
	}
	
	.sold-num {
		color: #b7b7b7;
		font-size: 24rpx;
	}
	
	.slot-wrap {
		display: flex;
		align-items: center;
		/* 如果您想让slot内容占满整个导航栏的宽度 */
		flex: 1;
		justify-content: center;
	}
	
	.goods-title-tag {
		color: #ffffff;
		background-color: #40972f;
		border-radius: 6rpx;
		font-size: 26rpx;
		margin-right: 3rpx;
		font-weight: 350;
		padding: 2rpx 10rpx;
		margin-right: 5rpx;
	}
	
	.page-top-color {
		background-color: #f1d7e0;
	}
	
	.job-title-tag {
		color: #ffffff;
		background-color: #40972f;
		border-radius: 6rpx;
		font-size: 26rpx;
		margin-right: 3rpx;
		font-weight: 350;
		padding: 2rpx 10rpx;
		margin-right: 5rpx;
	}
	
	/* 商品列表 */
	.aui-list-box {
	  overflow: hidden;
	  position: relative;
	}
	
	.aui-list-item {
	  width: 47%;
	  float: left;
	  margin: 0 0 2% 2%;
	  display: block;
	  overflow: hidden;
	  background-color: #fffdfe;
	  /* box-shadow: 5rpx 5rpx 5rpx 5rpx #f3f2f2eb; */
	  border-radius: 10rpx;
	}
	
	.aui-list-theme-img {
	  height: auto;
	  width: 100%;
	  position: relative;
	}
	
	.aui-list-theme-img img {
	  width: 100%;
	  height: auto;
	  display: block;
	  border: none;
	}
	
	.aui-list-theme-message {
	  background: #fffdfe;
	  padding: 10rpx 10rpx;
	}
	
	.aui-list-theme-title {
	  color: #4a4a4a;
	  font-size: 30rpx;
	  line-height: 38rpx;
	  margin-top: 5rpx;
	}
	
	.aui-list-theme-message p {
	  /*color: #ff3b52;*/
	  font-size: 24rpx;
	  font-weight: bold;
	}
	
	.aui-list-theme-message span.line-through {
	  font-size: 0.7rem;
	  color: #919191;
	  padding: 0 0.2rem;
	  text-decoration: line-through;
	}
	
	.aui-list-theme-message span.none-line-through {
	  font-size: 0.7rem;
	  color: #919191;
	  padding: 0 0.2rem;
	}
	
	.aui-list-theme-message p i {
	  font-style: normal;
	  font-size: 0.7rem;
	  padding: 0 0.2rem;
	  color: #ff3b52;
	  float: right;
	  width: 25px;
	  height: 25px;
	}
	
	.aui-list-theme-message p em {
	  font-style: normal;
	  font-size: 0.7rem;
	  color: #ff3b52;
	  text-decoration: line-through;
	  font-weight: normal;
	}
	
	/* 两行或多行显示... */
	.line-ellipsis2 {
	  width: 320rpx;
	  height: 65rpx;
	  white-space: nowrap;
	  overflow: hidden;
	  /* text-overflow: ellipsis; */
	  /* autoprefixer: off */
	  -webkit-box-orient: vertical;
	  /* autoprefixer: on */
	}
	
	.goods-label-text {
	  color: #ba8e41;
	  font-size: 22rpx;
	  font-weight: 300;
	  padding-left: 3rpx;
	}
	
	.font-baseline {
	  display: flex;
	  align-items: baseline;
	}
	
	.amount-money {
	  color: #ea4d5e;
	  font-size: 22rpx;
	}
	
	.sales-volume {
	  color: #b7b7b7;
	  font-size: 22rpx;
	}
</style>
